<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html  lang="en">
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="json2.js"></script>
  <style>
  table,td{
    border:3px solid gray;
  }
  .red{
	border-left:3px red solid;
	border-top:3px red solid;
	border-bottom:3px red solid;
	border-right: 3px red solid
	}
  .blue{
  	border-left:3px blue solid;
	border-top:3px blue solid;
	border-bottom:3px blue solid;
	border-right: 3px blue solid
  }
  </style>
  <script type="text/javascript" src="index.js"></script>
 </HEAD>
 <BODY style="text-align:center">
     <div>
		<input type="button" id="btn" value="重新开始" onclick="initTable()"/>
		<input type="button" id="btn" value="开始棋盘覆盖" onclick="calcTable()"/>
	 </div>
	 <div id='container' style="margin:0 auto;text-align:center" >
	 </div>
 </BODY>
</HTML>